﻿<script type="text/javascript" src="../../Scripts/jquery-1.7.1.js"></script>
@Scripts.Render("~/bundles/nivoSlider")
@Styles.Render("~/bundles/nivoSliderStyle")

<link href="~/Content/slider/nivo-slider.css" rel="Stylesheet" type="text/css">
<link href="~/Content/slider/default.css" rel="Stylesheet" type="text/css">

@section featured {

    <section class="featured">
        <div id="wrapper">
            <div class="slider-wrapper theme-default">
                <div id="slider" class="nivoSlider">
                    <img src="~/Images/Slider/1.jpg" data-thumb="~/Images/Slider/1.jpg" alt="1" />
                    <img src="~/Images/Slider/2.jpg" data-thumb="~/Images/Slider/2.jpg" alt="2" />
                    <img src="~/Images/Slider/3.jpg" data-thumb="~/Images/Slider/3.jpg" alt="3" />
                    <img src="~/Images/Slider/4.jpg" data-thumb="~/Images/Slider/4.jpg" alt="4" />
                </div>

            </div>

        </div>
    </section>
}

<script type="text/javascript">
    $(window).load(function () {
        $('#slider').nivoSlider();
    });
</script>
